<template>
  <div class="content">
    <div class="topone">
      <div class="Roundstroke">
        <img src="@/assets/image/123.png" alt="" />
      </div>

      <div>
        <div class="center">
          <p class="centerleft">1#升降机载重报警</p>
          <p class="centerright">操作员 周明明</p>
        </div>
        <div class="center1">
          <p class="center1left">2019.12.12 12:56:32</p>
          <p class="center1right">15817404965</p>
        </div>
      </div>
    </div>
    <div class="topone">
      <div class="Roundstroke">
        <img src="@/assets/image/123.png" alt="" />
      </div>
      <div>
        <div class="center">
          <p class="centerleft">1#升降机载重报警</p>
          <p class="centerright">操作员 周明明</p>
        </div>
        <div class="center1">
          <p class="center1left">2019.12.12 12:56:32</p>
          <p class="center1right">15817404965</p>
        </div>
      </div>
    </div>
    <div class="topone">
      <div class="Roundstroke">
        <img src="@/assets/image/123.png" alt="" />
      </div>

      <div>
        <div class="center">
          <p class="centerleft">1#升降机载重报警</p>
          <p class="centerright">操作员 周明明</p>
        </div>
        <div class="center1">
          <p class="center1left">2019.12.12 12:56:32</p>
          <p class="center1right">15817404965</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Area1",
};
</script>

<style lang="scss" scoped>
.content {
  // padding: 0px 10px;
  .topone {
    padding: 5px 0px;

    display: flex;

    .Roundstroke {
      width: 62px;
      height: 62px;
      border: 1px solid #f3617b;
      border-radius: 50%;
      position: relative;
      img {
        width: 70%;
        height: 70%;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 10px;
        bottom: 0px;
        margin: 0 auto;
      }
    }

    .center,
    .center1 {
      // overflow: hidden;
      width: 310px;
      height: 30px;
      display: flex;
      padding-left: 20px;
      justify-content: space-between;
      padding-top: 5px;
      // .centerleft{
      //     // float: left;
      //     color: #F3617B;
      //     font-size: 18px;
      // }
    }
  }
}
</style>